静态资源处理 

将资源导入为URL
导入静态资产后，投放后将返回解析后的公共URL：
import imgUrl from './img.png'
document.getElementById('hero-img').src = imgUrl
例如，imgUrl在开发过程中将为/img.png，并在生产版本中
成为/assets/img.2d8efhg.png。
行为类似于webpack的文件加载器。 不同之处在于，导入可以使
用绝对公共路径（基于开发期间的项目根目录）或相对路径。
CSS中的url（）引用的处理方式相同。
如果使用Vue插件，则Vue SFC模板中的资产引用将自动转换为导入。
常见的图像，媒体和字体文件类型会自动检测为资产。 您可以使
用assetsInclude选项扩展内部列表。
引用的资产作为构建资产图的一部分包括在内，将获得散列的文
件名，并且可以由插件进行处理以进行优化。
字节数小于assetsInlineLimit选项的资产将作为base64数据URL内联。


明确的URL导入
可以使用？url后缀将未包含在内部列表或资产include中的资产显式
导入为URL。 例如，这对于导入Houdini Paint Worklets非常有用。
import workletURL from 'extra-scalloped-border/worklet.js?url'
CSS.paintWorklet.addModule(workletURL)


以字符串形式导入资产
可以使用？raw后缀将资产作为字符串导入。
import shaderString from './shader.glsl?raw'


将脚本作为工作人员导入
可以将脚本作为带有后缀？worker的web worker导入。
// 生产版本中的单独块
import Worker from './shader.js?worker'
const worker = new Worker()
// 内联为base64字符串
import InlineWorker from './shader.js?worker&inline'


公共目录
如果您拥有的资产是：
从未在源代码中引用过（例如robots.txt）
必须保留完全相同的文件名（无散列）
...或者您只是不想仅仅为了获取其URL而首先导入资产
然后，您可以将资产放置在项目根目录下的特殊公共目录中。 在开发过程中，
此目录中的资产将在根路径/下提供，并按原样复制到dist目录的根目录中。
该目录默认为<root> / public，但可以通过publicDir选项进行配置。
注意：
您应该始终使用根绝对路径引用公共资产-例如，在源代码中应
将public / icon.png引用为/icon.png。
无法从JavaScript导入公共资产。